<!DOCTYPE html>
<html>
<head>
	<title>绑定订单</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<meta name="format-detection" content="telephone=no"/>
	<link rel="stylesheet" type="text/css" href="../css/weui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/main.css">
	<script type="text/javascript" src="../js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript">
		    $(document).ready(function(){
		    	$("#showLoadingToast").click(function(){
		    		$("#loadingToast").show().delay(3000).hide(0);
		    	});
		    })
		</script>
</head>
<body>
<div style="width: 100%;"><div class="top">请绑定订单以获取订单状态</div></div>
<div class="orders_list">

    <div class="orders_message">
		<div class="search_orders_num">
			<span>订单号</span>&nbsp;&nbsp;&nbsp;<div style="display: inline-block">222366690312</div>
			<div class="num_btn"><a href="#" class="weui_btn weui_btn_plain_default" id="search_orders_num_btn">搜索订单</a></div>
		</div><!-- search_orders_num结束 -->

		<div class="orders">
			<div class="orders_top">
				<span>订单号:</span>&nbsp;<span>2223666903</span>
			</div><!-- orders_top结束 -->
			<div class="orders_body">
				<div class="orders_body_content">
					<img src="../img/picture.png">
					<p>2016秋季韩版新款英伦女鞋学院小皮鞋休闲鞋复古单鞋女潮</p>
				</div>
			</div><!-- orders_body结束 -->
			<div class="orders_foot">
				<div class="orders_foot_left">付款金额：<span>￥236.0</span></div>
				<div class="orders_foot_right">返利金额：<span>23.0</span></div>
			</div><!-- orders_foot结束 -->
		</div><!-- orders结束 -->
	</div><!-- orders_message结束 -->
   
</div><!-- orders_lists结束 -->


<div class="btn">
	<a href="javascript:;" class="weui_btn weui_btn_primary" id="showLoadingToast">绑定</a>
</div><!-- btn结束 -->

<div id="loadingToast" class="weui_loading_toast" style="display:none;">
    <div class="weui_mask_transparent"></div>
    <div class="weui_toast" id="binding">
        <div class="weui_loading" style="top: 30px;">
            <div class="weui_loading_leaf weui_loading_leaf_0"></div>
            <div class="weui_loading_leaf weui_loading_leaf_1"></div>
            <div class="weui_loading_leaf weui_loading_leaf_2"></div>
            <div class="weui_loading_leaf weui_loading_leaf_3"></div>
            <div class="weui_loading_leaf weui_loading_leaf_4"></div>
            <div class="weui_loading_leaf weui_loading_leaf_5"></div>
            <div class="weui_loading_leaf weui_loading_leaf_6"></div>
            <div class="weui_loading_leaf weui_loading_leaf_7"></div>
            <div class="weui_loading_leaf weui_loading_leaf_8"></div>
            <div class="weui_loading_leaf weui_loading_leaf_9"></div>
            <div class="weui_loading_leaf weui_loading_leaf_10"></div>
            <div class="weui_loading_leaf weui_loading_leaf_11"></div>
        </div>
        <p class="weui_toast_content" style="color: #fff;margin-top: 38%;">正在绑定订单</p>
    </div>
</div>
</body>
</html>